const path = require('path');
function resolve(dir) {
  return path.join(__dirname, dir);
}
module.exports = {
  chainWebpack: config => {
  /**
     * 移除 prefetch 插件
     * 取消预加载功能，如果不移除，会在html的<head>标签里把所有组件都加载出来
     * 可以自己实现预加载：获取到权限的时候，根据权限生成对应的link标签放在<head>里，前提是必须得到模块对应的js名
     * <link href="/js/chunk-vendors.dc4b21f9.js" rel="preload" as="script">
     */
    config.plugins.delete('prefetch');
    config.plugin('html').tap(args => {
      args[0].title = 'Centos管理';
      return args;
    });
  },

  publicPath: './',

  // publicPath: process.env.VUE_APP_WEB_PATH,
  // outputDir: '../src/main/resources/static',
  // assetsDir: 'static',
  // lintOnSave: process.env.VUE_APP_ENV === 'development',
  // runtimeCompiler: true,
  productionSourceMap: true,

  css: {
    sourceMap: true
  },

  devServer: {
    port: 8888,
    host: '0.0.0.0',
    proxy: {
      [process.env.VUE_APP_BASE_PATH]: {
        target: process.env.VUE_APP_BASE_URL,
      },
    }
  },
  configureWebpack: {
    // 配置别名
    name: 'Centos管理',
    resolve: {
      alias: {
        '@': resolve('src'),
      }
    },
  },

  pluginOptions: {
    'style-resources-loader': {
      preProcessor: 'less',
      patterns: []
    }
  }
};
